﻿/*less小试牛刀*/
@color01:#005982;
@color02:#0c6fbd;
@white:#fff;
@pr:relative;
@pa:absolute;
@border01: 1px solid #cad3d4;
@border02: 1px solid #2e7faa;
@border03: 1px solid #e2e2e2;

.border01(){
	border-style: solid; border-width: 1px; border-color: #808080 #d4cfc9 #d4cfc9 #808080; 
}
.layout960(){
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
.border(@color){
	border:1px solid @color;
}
.border-radius (@radius) {
  border-radius: @radius;
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
}
.sidebar01(){}
.sidebar02(){}
.sidebar03(){
	width: 228px; float: left; padding-top: 70px; 
	.fastTrack { padding: 15px 8px 10px; border-color: #2e7faa; border:@border02; .border-radius(3px); }
    .fastTrack .box-hd { width: 210px; height: 40px; background: url(../images/slidehd05.gif) 0 0 no-repeat; }
    .fastTrack .box-bd { padding: 9px 13px; }
    .fastTrack .box-bd dd { border: 1px solid #d1cdcd; border-radius: 3px; background: #0b6ebc; height: 38px; line-height: 38px; margin-bottom: 5px; }
    .fastTrack .box-bd dd a { color: #ffffff; font-size: 18px; font-weight: bold; padding: 0 0 0 50px; }
	.abtn01 { background: url(../images/tips11.gif) 25px center no-repeat; }
	.abtn02 { background: url(../images/tips12.gif) 25px center no-repeat; }
	.abtn03 { background: url(../images/tips13.gif) 25px center no-repeat; }
	.warm { position: relative; padding-top: 60px; border:@border03;  .border-radius(3px);  }
    .warm .box-hd { position: absolute; top: 20px; left: -5px; width: 229px; height: 48px; background: url(../images/slidehd07.gif) 1px 0 no-repeat; }
    .warm .box-bd {  margin: 0px 5px 10px; border: 1px solid #d1cdcd; border-radius: 3px; padding-bottom: 10px; }
    .warm .warm-txt {width:190px; margin:15px auto 0; color: #676767; line-height: 25px; padding-bottom: 5px; text-indent: 1.8em; letter-spacing: 1px; background: url(../images/line193.gif) center bottom no-repeat; }
    .warm .warm-txt .pho { font-size: 18px; color: #c4a229; font-weight: bold; display: block; height: 30px; line-height: 30px; text-align: left; }
    .warm .contactUs { color: #565758; padding-top: 5px; }
    .warm .contactUs p { height: 24px; line-height: 24px; overflow: hidden; zoom: 1; padding: 0 15px; }
    .warm .contactUs a { display: block; float: right; width: 64px; height: 20px; *margin: -20px 0 0 0; }
	.qq { background: url(../images/qq01.gif) 0 0 no-repeat; }
	.qqGroup { background: url(../images/qq02.gif) 0 0 no-repeat; }
}

.mainnav(){
	width:960px;
	height:32px;
	background:url(../images/navbg.gif) 0 0 repeat-x;
}


.header{ 
	position:@pr;
	.layout960;
}
.logo,.fav{
	position:@pa;
}
.logo{ top:40px; left:37px; }
.logo a{ display:block; width:212px; height:102px; background:url(../images/logo.png) 0 0 no-repeat; }
.fav{ top:12px; right:12px; color:@color01; }
.fav a{ color:@color01; padding:0 8px; }
.slideBox{
	height:167px;
}
.nav{
	ul{
		margin:0 40px;
	}
	li{
		float:left;
		background:url(../images/libg.gif) right 8px no-repeat;
		padding:0 10px;
	}
	li:last-child{ background:none; }
	a{
		display:block;
		float:left;
		color:@white;
		padding:4px 22px 3px;
		margin:3px 0 0 0;
		.border-radius(3px);
	}
	a:hover{
		background:@white;
		color:@color02;
	}
   .mainnav;
}

.wrap{
   .layout960;
   .searchbar{ 
	     border:@border01;
		.border-radius(3px);
		background:url(../images/searchTips.gif) 15px center no-repeat;
		label{
			display:block;
			float:left;
			margin-right:20px;
			*{
				vertical-align:middle;
			}
			select,input{
				width:80px;
				margin:0 2px 0 5px;
			}
			input{.border01; width:180px; }
		}
		label:last-child{margin-right:0px; }
		input.btn{ cursor: pointer; border: 1px solid #888888; border-radius: 3px; padding: 0px 5px 1px 15px; *line-height: 1.4em; _height: 20px; _line-height: 18px; background: url(../images/btn-img.gif) 3px 4px no-repeat;  }
     }
}
.content{display: inline;
float: left;
width: 620px;
padding: 25px 30px;}
.content01{ position:@pr; }

.cont-hd(){
	padding: 6px 0 10px 35px; background: url(../images/line599.gif) 15px bottom no-repeat; 
    p { float: left; color: #757474; }
    p.address a { color: #757474; }
    p.operate { float: right; }
    p.operate a { color: #3287b2; display: block; float: left; margin: 0 10px 0 10px; padding: 0 0 0 20px; }
    a.pub { background: url(../images/tips01.gif) 0 0 no-repeat; }
    a.my { background: url(../images/tips02.gif) 0 0 no-repeat; }
    .tips { position: absolute; top: 13px; left: 5px; display: block; float: left; width: 55px; height: 40px; background: url(../images/conthd.gif) 0 0 no-repeat; }
}

.cont-hd{
	.cont-hd;
}

.statistics{  }
.list-hd{
li { float: left; border: 1px solid #6c7a88; border-radius: 1px; border-bottom: none; background: #c5cacc; margin-right: 3px; }
 li a { display: block; float: left; color: #ffffff; font-weight: bold; padding: 5px 15px; padding-left: 30px; }
 li a.cur { background: #0965ae; padding-left: 20px; }
}
.list-bd{
.border(#bdbdbd);padding:10px 5px 25px;
table { table-layout: fixed; width: 605px; border-collapse: collapse; border-spacing: 0px; }
th, td {height: 30px; padding:0 0 0 5px; border-bottom:1px dashed #999999; color:#3d3d3f; overflow:hidden; }
td a{ color:#3d3d3f; }
th{text-align: left;   background:#0965ae; color:@white; height:24px; line-height:24px;  border-bottom:none; }
}
.slide03{
	.sidebar03;
}

.pager{
	height: 24px; line-height: 24px; margin: 8px 0; text-align: center; 
	a,.pagbtn { display: inline-block; width: 16px; height: 16px; text-align: center; vertical-align: middle; line-height: 16px; color: #3d3d3f; }
	a.item:hover, a.current { background: #f6f1e8; }
	.pagbtn { width: 42px; cursor: pointer; text-align: left; padding: 0 0 0 10px; overflow: hidden; }
}

.footer{
	clear: both; 
	.friendLinks { background: #ececec; padding: 10px 0; text-align: center; color: #606060; }
    .friendLinks a { color: #606060; padding: 0 6px 0 2px; }
	.f-logo { float: left; margin: 0px 45px 0 35px; }
    .f-logo a { display: block; width: 112px; height: 32px; float: left; background: url(../images/logo_1.jpg) 0 0 no-repeat; }
	.copyRight { color: #6e6e6e; }
    .copyRight p { float: left; }
    .copyRight p span { background: url(../images/f01.gif) 0 center no-repeat; padding-left: 10px; }
	.company { display: block; }
	.copyRight p span.semail { background: none; padding-left: 0px; }
	.email { display: inline-block; width: 11px; height: 8px; margin: 0 5px 0 2px; background: url(../images/email.gif) 0 0 no-repeat; }
}